<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>03-基本选择器</title>

    <style>
        #boss{
            color : red;
            font-size: 30px;
        }
        .female{
            color : green;
            font-size: 40px;
        }
        .hero{
            font-family: 楷体;
        }
        span{
            color: blue;
            border: 1px black solid;
        }
    </style>

</head>
<body>

<!--

-->
<span class="female">古力娜扎</span>
<span class="female">迪丽热巴</span>
<span class="female hero">黑寡妇</span>

<span class="male hero">钢铁侠</span>
<span class="male hero">超人</span>


<span id="boss">灭霸</span>


</body>
</html>